<style>
    body {
        background-color: #fff;
    }

    .lyear-login-box {
        position: relative;
        overflow-x: hidden;
        width: 100%;
        height: 100%;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }

    .lyear-login-left {
        width: 50%;
        top: 0;
        left: 0;
        bottom: 0;
        position: fixed;
        height: 100%;
        z-index: 555;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .lyear-overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 10;
        background: rgba(0, 0, 0, 0.5);
    }

    .lyear-logo {
        margin-bottom: 50px;
    }

    .lyear-featured {
        z-index: 12;
        position: absolute;
        bottom: 0;
        padding: 30px;
        width: 100%;
    }

    .lyear-featured h4 {
        color: #fff;
        line-height: 32px;
    }

    .lyear-featured h4 small {
        color: #fff;
        display: block;
        text-align: right;
        margin-top: 15px;
    }

    .lyear-login-right {
        margin-left: 50%;
        position: relative;
        z-index: 999;
        padding: 100px;
        background-color: #fff;
    }

    @media screen and (max-width: 1024px) {
        .lyear-login-right {
            padding: 50px;
        }
    }

    @media screen and (max-width: 820px) {
        .lyear-login-left {
            width: 100%;
            position: relative;
            z-index: 999;
            height: 300px;
        }

        .lyear-login-right {
            margin-left: 0;
        }
    }

    @media screen and (max-width: 480px) {
        .lyear-login-right {
            padding: 50px;
        }
    }

    @media screen and (max-width: 320px) {
        .lyear-login-right {
            padding: 30px;
        }
    }
</style>
<div class="lyear-login-box">


    <!-- 左边 -->
    <div class="lyear-login-left" style="background-image: url(/assets/admin/images/login-bg-4.jpg)">
        <div class="lyear-overlay"></div>
        <div class="lyear-featured">
            <h4>愿你有好运气，如果没有，愿你在不幸中学会慈悲；愿你被很多人爱，如果没有，愿你在寂寞中学会宽容。<small> - 刘瑜《愿你慢慢长大》</small></h4>
        </div>
    </div>

    <!-- 右边 -->
    <div class="lyear-login-right">

        <!-- logo -->
        <div class="lyear-logo text-center">
            <a><img src="/assets/admin/images/logo-sidebar.png" alt="logo" /></a>
        </div>

        <!-- from表单 -->
        <form action="#!" method="post">

            <!-- 用户名 -->
            <div class="form-group">
                <label for="username">用户名</label>
                <input type="text" class="form-control" name="username" id="username" placeholder="请输入您的用户名" required>
            </div>

            <!-- 密码 -->
            <div class="form-group">
                <label for="password">密码</label>
                <input type="password" class="form-control" name="password" id="password" placeholder="请输入您的密码" required>
            </div>

            <!-- 验证码 -->
            <div class="form-group">
                <label for="vercode">验证码</label>
                <div class="row">
                    <div class="col-xs-7">
                        <input type="text" name="vercode" id="vercode" class="form-control" placeholder="验证码"
                            required />
                    </div>

                    <div class="col-xs-5">
                        <img src="{:url('admin/index/vercode')}" class="pull-right" id="captcha"
                            style="cursor: pointer;" onclick="this.src=this.src+'?d='+Math.random();" title="点击刷新"
                            alt="captcha" />
                    </div>
                </div>
            </div>

            <!-- 自动登录 -->
            <div class="form-group">
                <label class="lyear-checkbox checkbox-primary m-t-10">
                    <input type="checkbox" name="auto" value="1">
                    <span>5天内自动登录</span>
                </label>
            </div>

            <!-- 提交按钮 -->
            <div class="form-group">
                <button class="btn btn-block btn-primary" type="submit">立即登录</button>
            </div>

        </form>

    </div>
</div>